$(function() {
	$("#userPanel").html("");
	
	$("<h2>通讯录</h2>").appendTo("#userPanel");
	
	$("<div id='appHead'></div>").appendTo("#userPanel");
	$("<span>快速检索：</span></span>").appendTo("#appHead");
	$("<input type='text' class='searchInfo' style='float:left; height:30px; width:200px; line-height:30px; margin-top:3px;' />").appendTo("#appHead");
	$("<input type='button' class='quickSearch' value='查找' style='float:left; height:30px; margin:5px 5px 0;' />").appendTo("#appHead");
	$("<span clas='all'>所有</span>").appendTo("#appHead");
	$("<span class='new'>添加新好友</span>").appendTo("#appHead");
	//////////////////////////////////////
	$("#appHead span.all").click(function() {	
		query_addressBook_page(1,"");
	});
	$("#appHead span.quickSearch").click(function() {	
		//AJAX   searchInfo.val()
	});
	$("#appHead span.new").click(function() {
		setShadePosition();
		$("#shade_content p span.shade_content_title").html("添加新好友");
		/*信息详情*/
		$("<p><label>朋友ID：</label><input type='text' class='text friendId' style='width:300px;' /><input type='button' value='查找' class='btn' id='searchFriend'/></p>").appendTo("#shade_content div");
		$("<br class='spacer' /><hr /><br class='spacer' />").appendTo("#shade_content div");
		//查找按钮
		$("#shade_content #searchFriend").click(function() {
			$("#shade_content div hr").next("br").nextAll().remove();
			var friednId = $("#shade_content p input.friendId").val();			
			// AJAX GET
			$.getJSON("query_user_id", {username:friednId}, function(data) {
				var itemInfo = eval(data.msg);
				if("success" == itemInfo[0].result) {
					item = itemInfo[1];				
					/*信息详情*/
					$("<p><label>姓名：</label><span class='text'>提醒时间</span><label>签名：</label><span class='text' style='width:400px;'>每天</span></p>").appendTo("#shade_content div");
					$("<br class='spacer' />").appendTo("#shade_content div");
					$("<p><label>故乡：</label><span class='text' style='width:300px;'>每天</span></p>").appendTo("#shade_content div");
					$("<br class='spacer' />").appendTo("#shade_content div");
					$("<p><label>现居住地：</label><span class='text' style='width:500px;'>提醒时间</span></p>").appendTo("#shade_content div");
					$("<br class='spacer' />").appendTo("#shade_content div");
					$("<p><label>个人说明：</label><span class='direction'>及时内容</span></p>").appendTo("#shade_content div");
					/*按钮*/
					$("<br class='spacer' />").appendTo("#shade_content div");
					$("<p><input type='button' value='申请' class='btnL' id='apply' /></p>").appendTo("#shade_content div");
					//申请按钮
					$("#shade_content #apply").click(function() {
						// AJAX POST
						$.post("apply_addressBook", {friendUsername:friednId}, function(data) {
							if((eval(data.msg))[0].result=="success") {
								alert("好友申请已经发出...");
								$("#shade_content").remove();
								$("#shade").remove();
							}
						});
					});
					/*end 信息详情*/
				}
			});
		});
	});	
	//////////////////////////////////////
	$("<div id='appBody'><ul></ul></div>").appendTo("#userPanel");	
	$("<div id='appFoot'></div>").appendTo("#userPanel");
	
	query_addressBook_page(1,"");
});

function query_addressBook_page(pageNo, additive) {
	var pageSize = 10;
	var pageCount;
	var msgArray;
	var resultArray;
	var dataArray;
	var rowCount;
	$.getJSON("query_addressBook_user", {beginIndex:(pageNo-1)*pageSize,count:pageSize}, function(data) {
		msgArray = eval("("+data.msg+")");
		resultArray = msgArray.result;
		if(resultArray[0].resultMsg == "success") {
			dataArray = msgArray.data;
			$("#appBody ul").html("<li><span style='item_head_title'>好友ID</span><span class='item_time'>姓名</span><span class='item_tel'>电话</span><span class='item_email'>Email</span><span class='item_tel'>QQ</span></li>");
			$.each(dataArray, function(i, item) {
				$("<li><span class='item_title' friendUsername='" + item.id + "'>" + item.username + "</span><span class='item_time'>" + item.name + "</span><span class='item_tel'>" + item.tel + "</span><span class='item_email'>" + item.email + "</span><span class='item_tel'>" + item.qq + "</span></li>").appendTo("#appBody ul");
			});
			$("#appBody ul li:gt(0)").each(function() {
				var itemLi = $(this);
				$(this).children("span").first().click(function() {
					var itemId = $(this).attr("friendUsername");
					var item;
					// AJAX GET
					$.getJSON("query_user_id", {username:itemId}, function(data) {
						var itemInfo = eval(data.msg);
						if("success" == itemInfo[0].result) {
							item = itemInfo[1];
							setShadePosition();
							$("#shade_content p span.shade_content_title").html(title);
							/*信息详情*/
							$("<p><label>姓名：</label><span class='text'>" + item.realName + "</span><label>签名：</label><span class='text' style='width:400px;'>" + item.signature + "</span></p>").appendTo("#shade_content div");
							$("<br class='spacer' />").appendTo("#shade_content div");
							$("<p> <label>电话：</label><span class='text'>" + item.telephone + "</span><label>E-mail：</label><span class='text' style='width:300px;'>" + item.email + "</span></p>").appendTo("#shade_content div");
							$("<br class='spacer' />").appendTo("#shade_content div");
							$("<p><label>QQ：</label><span class='text'>" + item.qq + "</span></p>").appendTo("#shade_content div");
							$("<br class='spacer' />").appendTo("#shade_content div");
							$("<p><label>出生日期：</label><span class='text'>" + item.realName + "</span><label>故乡：</label><span class='text' style='width:300px;'>" + item.realName + "</span></p>").appendTo("#shade_content div");
							$("<br class='spacer' />").appendTo("#shade_content div");
							$("<p><label>现居住地：</label><span class='text' style='width:500px;'>" + item.realName + "</span></p>").appendTo("#shade_content div");
							$("<br class='spacer' />").appendTo("#shade_content div");
							$("<p><label>个人说明：</label><span class='direction'>及时内容</span></p>").appendTo("#shade_content div");
							/*按钮*/
							$("<br class='spacer' />").appendTo("#shade_content div");
							$("<p><input type='button' value='删除' class='btnL' id='delete' /></p>").appendTo("#shade_content div");
							//删除按钮
							$("#shade_content p #delete").click(function() {
								// AJAX POST
								$.post("delete_addressBook", {friendUsername:itemId}, function(data) {
									alert((eval(data.msg))[0].result);
									$("#shade_content").remove();
									$("#shade").remove();
									itemLi.remove();
								});
							});
							/*end 信息详情*/
						}
					});
				});
			});
			rowCount = resultArray[0].rowCount;
			pageCount = Math.ceil(rowCount/pageSize);
			pageCount = pageCount == 0 ? 1 : pageCount;
			setAppFoot(rowCount, pageNo, pageCount, additive);
		}
	});
}